📜 Description

Added compound pattern to KeyboardToolbar component.

💡 Motivation and Context

This component started as a very simple component with limited customization. However, over the time it got many new props, such as onNextCallback etc. and right now we have too many props for customization.

Since I'm planning to add #881 I decided that it'll be a good time to refactor the component and apply compound pattern. So in the end I come up with next API design:

<KeyboardToolbar>
  <KeyboardToolbar.Background />
  <KeyboardToolbar.Prev />
  <KeyboardToolbar.Next />
  <KeyboardToolbar.Content />
  <KeyboardToolbar.Done />
</KeyboardToolbar>

I intentionally changed blur prop to background, because with iOS 26 we may use liquid glass as a container

Closes #1121

📢 Changelog

JS

• added new compound KeyboardToolbar API;
• moved props declaration into types.ts file.

Docs

• added new API reference;
• added migration guide.

🤔 How Has This Been Tested?

• tested that old code works with new API and doesn't introduce visual regressions (via e2e tests)
• started to use new API and assure that it doesn't break e2e tests.

📸 Screenshots (if appropriate):

📝 Checklist

• CI successfully passed
• I added new mocks and corresponding unit-tests if library API was changed